<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="common/header.jsp" %>	
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>DataTables | Gentellela</title>

		
    <!-- Bootstrap -->
    <link href="bdqnFoledr/statics/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="bdqnFoledr/statics/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="bdqnFoledr/statics/css/nprogress.css" rel="stylesheet">
  	<!-- iCheck -->
    <link href="bdqnFoledr/statics/css/green.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="bdqnFoledr/statics/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- JQVMap -->
    <link href="bdqnFoledr/statics/css/jqvmap.min.css" rel="stylesheet"/>
    <!-- Custom Theme Style -->
    <link href="bdqnFoledr/statics/css/custom.min.css" rel="stylesheet">
    <!--<link href='statics/localcss/applist.css' rel='stylesheet'>-->
    <!-- Datatables -->
    <link href="bdqnFoledr/statics/vendors/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="bdqnFoledr/statics/vendors/css/buttons.bootstrap.min.css" rel="stylesheet">
    <link href="bdqnFoledr/statics/vendors/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
    <link href="bdqnFoledr/statics/vendors/css/responsive.bootstrap.min.css" rel="stylesheet">
    <link href="bdqnFoledr/statics/vendors/css/scroller.bootstrap.min.css" rel="stylesheet">
 <!-- <link rel="stylesheet" type="text/css" href="css/index.css"/>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/index-slide.css"/>
	<link rel="stylesheet" type="text/css" href="plugin/zabuto_calendar/zabuto_calendar.min.css"/>
	<link type="text/css" rel="stylesheet" href="css/mian.css" />-->
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        	<div class="col-md-3 left_col menu_fixed">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-graduation-cap"></i><span>STU APP</span></a>
            </div>

            <div class="clearfix"></div>
			 <!-- menu profile quick info -->
            <div class="profile">
              <div class="profile_pic">
                <img src="bdqnFoledr/statics/images/img1.jpg" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>Welcome,</span>
                <h2>职位：咨询老师</h2>
              </div>
            </div>
            <!-- /menu profile quick info -->
            <br />
             <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-home"></i> APP管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="manager/backend/app/list">APP审核</a></li>
                      <li><a href="javascript:;">广告推广</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-group"></i> 用户管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="javascript:;">后台用户管理</a></li>
                      <li><a href="javascript:;">开发者资质审核</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bug"></i> 基础数据维护 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="javascript:;">数据字典</a></li>
                      <li><a href="javascript:;">APP分类管理</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
            <!-- /sidebar menu -->
          </div>
        </div>
        
        <!--上面 top navigation -->
   <div class="top_nav"> 
          <div class="nav_menu" style="background-color: #204D74;">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <img src="bdqnFoledr/statics/images/img.jpg" alt="">html
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                    <li><a href="${pageContext.request.contextPath }/manager/logout"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
    </div>
        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">

            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Button Example <small>Users</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                     <p class="text-muted font-13 m-b-30">
                      	如下：<br>
                      	Copy:功能暂未完成<br>
                      	CSV:可以将所显示表以.csv的文件下载<br>
                      	Excel:功能暂未完成<br>
                      	Print:打印功能<br>
                      	Search:可根据条件查询
                    </p>
                    <table id="datatable-buttons" class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th>Name</th>
                          <th>Position</th>
                          <th>Office</th>
                          <th>Age</th>
                          <th>Start date</th>
                          <th>学员状态</th>
                          <th>Salary</th>
                        </tr>
                      </thead>

                     <tbody>
                        <tr>
                          <td>五组</td>
                          <td>System Architect</td>
                          <td>Edinburgh</td>
                          <td>61</td>
                          <td>2011/04/25</td>
                          <td>
                          	<a href="#"  class="btn btn-success btn-xs"><i class="fa fa-check-square"></i> 已提交</a>
                            <a href="#"  class="btn btn-dark btn-xs"><i class="fa fa-check-square"></i> 未提交</a>                           
                          </td>
                          <td>
							<a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-folder"></i>查看</a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 修改 </a>    
                          </td>
                        </tr>
                        <tr>
                          <td>Garrett Winters</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>63</td>
                          <td>2011/07/25</td>
                          <td>
                          	<a href="#"  class="btn btn-success btn-xs"><i class="fa fa-check-square"></i> 已提交</a>
                            <a href="#"  class="btn btn-dark btn-xs"><i class="fa fa-check-square"></i> 未提交</a>   
                          </td>
                          <td>
														<a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-folder"></i>查看</a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 修改 </a>    
                          </td>
                        </tr>
                        <tr>
                          <td>Ashton Cox</td>
                          <td>Junior Technical Author</td>
                          <td>San Francisco</td>
                          <td>66</td>
                          <td>2009/01/12</td>
                           <td>
                          	 <a href="#"  class="btn btn-success btn-xs"><i class="fa fa-check-square"></i> 已提交</a>
                            <a href="#"  class="btn btn-dark btn-xs"><i class="fa fa-check-square"></i> 未提交</a>   
                          </td>
                          <td>
														<a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-folder"></i>查看</a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 修改 </a>    
                          </td>
                        </tr>
                        <tr>
                          <td>Cedric Kelly</td>
                          <td>Senior Javascript Developer</td>
                          <td>Edinburgh</td>
                          <td>22</td>
                          <td>2012/03/29</td>
                           <td>
                          	 <a href="#"  class="btn btn-success btn-xs"><i class="fa fa-check-square"></i> 已提交</a>
                            <a href="#"  class="btn btn-dark btn-xs"><i class="fa fa-check-square"></i> 未提交</a>   
                          </td>
                          <td>
														<a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-folder"></i>查看</a>
                            <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> 修改 </a>    
                          </td>
                        </tr>
                        	<div id="mind" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
				                    <div class="modal-dialog modal-lg">
				                      <div class="modal-content">
																
				                        <div class="modal-header">
				                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
				                          </button>
				                          <h4 class="modal-title" id="myModalLabel">基本信息</h4>
				                        </div>
				                        <div class="modal-dialog">
					                        <h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
				                        	<h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
				                        	<h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
				                        	<h3 align="left">姓名:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
					                        <h3 style="align-self: center;">Text in a modal:<b>->&ensp;&ensp;&ensp;</b><span style="color:#0000FF;">张小江</span></h3>
				                        </div>
				                        <div class="modal-footer">
				                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				                          <button type="button" class="btn btn-primary">Save changes</button>
				                        </div>
				
				                      </div>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
							<!--
                            	作者：offline
                            	时间：2017-08-31
                            	描述：
                            -->              
            </div>
          </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

         <!-- jQuery -->
    <script src="bdqnFoledr/statics/vendors/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="bdqnFoledr/statics/vendors/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="bdqnFoledr/statics/vendors/fastclick.js"></script>
    <!-- NProgress -->
    <script src="bdqnFoledr/statics/vendors/nprogress.js"></script>
    <!-- iCheck -->
    <script src="bdqnFoledr/statics/vendors/icheck.min.js"></script>
    <!-- Datatables -->
    <script src="bdqnFoledr/statics/vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-buttons/js/buttons.print.min.js"></script>
   	<script src="bdqnFoledr/statics/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>
    <script src="bdqnFoledr/statics/vendors/datatables.net-scroller/js/datatables.scroller.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/jszip/dist/jszip.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/pdfmake/build/pdfmake.min.js"></script>
    <script src="bdqnFoledr/statics/vendors/pdfmake/build/vfs_fonts.js"></script>
	<!--main-->
<!--	<script src="bdqnFoledr/statics/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/statics/js/jquery.cookie.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/plugin/zabuto_calendar/zabuto_calendar.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/statics/js/common.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/statics/js/menu.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/statics/js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="bdqnFoledr/statics/js/modernizr.js" type="text/javascript" charset="utf-8"></script>
	<script src='bdqnFoledr/statics/js/stopExecutionOnTimeout.js?t=1'></script>
	<script src="bdqnFoledr/statics/js/zabuto_calendar_config.js" type="text/javascript" charset="utf-8"></script>-->
    <!-- Custom Theme Scripts -->
    <script src="bdqnFoledr/statics/vendors/custom.min.js"></script>
    <!-- Datatables -->
    <script type="text/javascript">
    	function min(){
    		alert("1020")
    		
    		$("#mind").modal('show')
    	}
      $(document).ready(function() {
        var handleDataTableButtons = function() {
          if ($("#datatable-buttons").length) {
            $("#datatable-buttons").DataTable({
              dom: "Bfrtip",
              buttons: [
                {
                  extend: "copy",
                  className: "btn-sm"
                },
                {
                  extend: "csv",
                  className: "btn-sm"
                },
                {
                  extend: "excel",
                  className: "btn-sm"
                },
                {
                  extend: "pdfHtml5",
                  className: "btn-sm"
                },
                {
                  extend: "print",
                  className: "btn-sm"
                },
              ],
              responsive: true
            });
          }
        };

        TableManageButtons = function() {
          "use strict";
          return {
            init: function() {
              handleDataTableButtons();
            }
          };
        }();

			 $('#datatable').dataTable();

        $('#datatable-keytable').DataTable({
          keys: true
        });

        $('#datatable-responsive').DataTable();

        $('#datatable-scroller').DataTable({
          ajax: "js/datatables/json/scroller-demo.json",
          deferRender: true,
          scrollY: 380,
          scrollCollapse: true,
          scroller: true
        });

        $('#datatable-fixed-header').DataTable({
          fixedHeader: true
        });

        var $datatable = $('#datatable-checkbox');

        $datatable.dataTable({
          'order': [[ 1, 'asc' ]],
          'columnDefs': [
            { orderable: false, targets: [0] }
          ]
        });
        $datatable.on('draw.dt', function() {
          $('input').iCheck({
            checkboxClass: 'icheckbox_flat-green'
          });
        });

        TableManageButtons.init();
      });
    </script>
    <!-- /Datatables -->
  </body>
</html>